/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */

@media projection, screen {
body {
  width: 100%;
  height: 100%;
  line-height: 10px;
  font-size: 12px;
  color: #818181;
  font-family : Arial, Geneva, Tahoma, Helvetica, sans-serif;
  text-align: left;
  background: url('background.png') repeat transparent 0px 0px;
}
.examples {
	width: 1000px;
  margin: 0 0 0 350px;
  overflow: hidden;
  text-align: left;
}
.row_title td{
	 padding-left: 5px;
	 color: #818181;
	 height: 15px;
}
.roweven {
	background: #242424;
  height: 30px;
}
.roweven td{
	padding-left: 5px;
	color: #c0c0c0;
  border-right: 1px solid #242424;
  border-bottom: 1px solid #242424;
}
.rowodd {
  background: #1b1b1b;
  height: 30px;
}
.rowodd td{
	padding-left: 5px; 
	color: #c0c0c0;
  border-right: 1px solid #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
}
.show_title {
	text-align: left;
	vertical-align: top;
	font-size: 14px;
  color: #fff;
  font-family : Arial, Geneva, Tahoma, Helvetica, sans-serif;
  word-break: keep-all;
  word-wrap: break-word; 
}
	
.count_title {
	margin: 0px 10px;
  text-align: left;
  font-size: 14px;
  color: #66203a;
  font-weight: 700;
  font-family : Arial, Geneva, Tahoma, Helvetica, sans-serif;
  word-break: keep-all;
  word-wrap: break-word;
}
.show_line {
	margin-bottom: 10px;
  width: 100%;
  vertical-align: middle;
  height: 1px;
  background: url('line_heng.png') repeat-x center right;
}
	/* Toggler - default style */
	.toggler {
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		display: block;
		margin-bottom: 8px;
	}
	.toggler-closed {
		color: #fff;
		text-align: left;
		vertical-align: middle;
		padding-left: 30px;
		height: 14px;
		background: url('arrow_up.png') no-repeat;
	}
	.toggler-closed:hover {
		color: #fff;
		text-align: left;
		vertical-align: middle;
		padding-left: 30px;
		height: 14px;
		background: url('arrow_up.png') no-repeat;
	}
	.toggler-opened {
		color: #fff;
		padding-left: 30px;
		text-align: left;
		vertical-align: middle;
		height: 14px;
		background: url('arrow_down.png') no-repeat;
	}
	.toggler-opened:hover {
		color: #fff;
		text-align: left;
		vertical-align: middle;
		padding-left: 30px;
		height: 14px;
		background: url('arrow_down.png') no-repeat;
	}

	/* Container - default style */
	.toggler-c-closed {
	   /*background: transparent;*/
		 margin: 0px 0px 20px 0px;
	}
	.toggler-c-opened {
		 margin: 0px 0px 20px 0px;
	}

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom: 25px; }
	.toggler { display: none; }

}
